<template>
  <div id="app">
    <my-header v-if="$route.meta.showHeader"></my-header>
    <left-menu v-if="$route.meta.showLeftMenu"></left-menu>
    <div :class="$route.meta.showLeftMenu ? 'content' : ''">
      <router-view/>
    </div>
  </div>
</template>

<script>
import LeftMenu from 'components/LeftMenu/LeftMenu'
import MyHeader from 'components/MyHeader/MyHeader'
export default {
  name: 'App',
  components: {
    LeftMenu,
    MyHeader
  }
}
</script>

<style lang="stylus" scoped>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.content
  position fixed
  left 200px
  top 60px
  right 0
  bottom 0
  background-color $white_v1
  padding 16px
  box-sizing border-box
  overflow auto
</style>
